<template>
  <div class="divcontent">
    <div class="title">订单详情</div>
    <table>
      <tr>
        <td>订单号</td>
        <td>{{order.derNamber}}</td>
      </tr>
      <tr>
        <td>预约号</td>
        <td>{{order.OppointNumber}}</td>
      </tr>
      <tr>
        <td>发起时间</td>
        <td>{{order.Time}}</td>
      </tr>
      <tr>
        <td class="LookMessage" colspan = '5' align = 'center' @click="LookMessage">查看详情  》</td>
      </tr>
    </table>
    <ul class="fromul" >
      <li>
        <div @click="AddInfo">补充资料</div>
      </li>
      <li>
        <div>修改订单</div>
      </li>
      <li>
        <div>撤销申请</div>
      </li>
      <li>
        <div @click="BookBank">预约网点</div>
      </li>
      <li>
        <div>复用订单</div>
      </li>
      <li>
        <div>评价服务</div>
      </li>
      <li>
        <div>下载申请表</div>
      </li>
    </ul>
  </div>
</template>

<script>
    export default {
        name: "order-info",
      date(){
          return{
            order:{}
          }
      },
      created(){
          this.order=JSON.parse(this.$route.query.info);
      },
      methods:{
        LookMessage(){
          this.$router.push({path:"/formpage",query:{
            Type:"Query"
            }})
        },
        AddInfo(){
          this.$router.push({path:"/formpage",query:{
            }})
        },
        BookBank(){
          this.$router.push({path:"/BookBank",query:{
            }})
        }
      }
    }
</script>

<style scoped lang="less">
  .divcontent {
    background: #efefef;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  table {
    width: 95%;
    background: white;
    border: 1px;
    margin-top: 3%;
    border-collapse: separate;
    border-spacing: 10px;
  }
.LookMessage{
  color: blue;
  margin: auto;
}
    .fromul {
      margin-top: 4%;
      width: 100%;
      padding: 0 10px;
      list-style-type: none;
      li {
        display: flex;
        flex: 7;
        height: 50px;
        align-items: center;
        border-bottom: 1px solid #ddd;
        background: white;
         div{
          flex: 2;
           text-align: center;
        }
      }
      #selectManage {
        position: relative;
        /*&::before {*/
        /*position: absolute;*/
        /*width: 20px;*/
        /*height: 20px;*/
        /*right: 10px;*/
        /*top: 10px;*/
        /*color: #999;*/
        /*pointer-events: none;*/
        /*content: '\25BC';*/
        /*}*/
      }
    }
  }
</style>
